1 files changed, 145 insertions, 0 deletions
diff --git a/app/[lng]/admin/edp/components/contract-form.tsx b/app/[lng]/admin/edp/components/contract-form.tsx
new file mode 100644
index 00000000..45c2f629
--- /dev/null
+++ b/app/[lng]/admin/edp/components/contract-form.tsx
@@ -0,0 +1,145 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { toast } from 'sonner'
+import { createContract, CreateContractData } from '../actions/contract-actions'
+import { ProjectSelector } from './project-selector'
+import { VendorSelector } from './vendor-selector'
+
+interface Project {
+  id: number
+  code: string
+  name: string
+  type: string
+}
+
+interface Vendor {
+  id: number
+  vendorName: string
+  vendorCode: string | null
+  status: string
+}
+
+interface ContractFormProps {
+  onContractCreated?: (contract: { id: number; contractNo: string; contractName: string; status: string }) => void
+}
+
+export function ContractForm({ onContractCreated }: ContractFormProps) {
+  const [loading, setLoading] = useState(false)
+  const [selectedProject, setSelectedProject] = useState<Project | undefined>()
+  const [selectedVendor, setSelectedVendor] = useState<Vendor | undefined>()
+  const [formData, setFormData] = useState({
+    contractName: '',
+    status: 'TEST'
+  })
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    
+    if (!selectedProject || !selectedVendor || !formData.contractName.trim()) {
+      toast.error('모든 필수 항목을 입력해주세요.')
+      return
+    }
+
+    setLoading(true)
+    try {
+      const contractData: CreateContractData = {
+        projectId: selectedProject.id,
+        vendorId: selectedVendor.id,
+        contractName: formData.contractName,
+        status: formData.status
+      }
+      
+      const result = await createContract(contractData)
+      
+      if (result.success) {
+        toast.success(result.message)
+        // 폼 초기화
+        setSelectedProject(undefined)
+        setSelectedVendor(undefined)
+        setFormData({
+          contractName: '',
+          status: 'TEST'
+        })
+        // 부모 컴포넌트에 생성된 계약 정보 전달
+        onContractCreated?.(result.data)
+      } else {
+        toast.error(result.error)
+      }
+    } catch (error) {
+      toast.error('계약 생성 중 오류가 발생했습니다.')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>계약 생성</CardTitle>
+        <CardDescription>
+          새로운 테스트 계약을 생성합니다.
+        </CardDescription>
+      </CardHeader>
+      <CardContent>
+        <form onSubmit={handleSubmit} className="space-y-4">
+          <div>
+            <Label>프로젝트 *</Label>
+            <ProjectSelector
+              selectedProject={selectedProject}
+              onProjectSelect={setSelectedProject}
+              disabled={loading}
+            />
+          </div>
+
+          <div>
+            <Label>벤더 *</Label>
+            <VendorSelector
+              selectedVendor={selectedVendor}
+              onVendorSelect={setSelectedVendor}
+              disabled={loading}
+            />
+          </div>
+
+          <div>
+            <Label htmlFor="contractName">계약명 *</Label>
+            <Input
+              id="contractName"
+              type="text"
+              value={formData.contractName}
+              onChange={(e) => setFormData(prev => ({ ...prev, contractName: e.target.value }))}
+              placeholder="계약명을 입력하세요"
+            />
+          </div>
+
+          <div>
+            <Label htmlFor="status">계약 상태</Label>
+            <Select
+              value={formData.status}
+              onValueChange={(value) => setFormData(prev => ({ ...prev, status: value }))}
+            >
+              <SelectTrigger>
+                <SelectValue />
+              </SelectTrigger>
+              <SelectContent>
+                <SelectItem value="TEST">TEST</SelectItem>
+                <SelectItem value="DRAFT">DRAFT</SelectItem>
+                <SelectItem value="ACTIVE">ACTIVE</SelectItem>
+                <SelectItem value="PENDING">PENDING</SelectItem>
+              </SelectContent>
+            </Select>
+          </div>
+
+          <Button type="submit" disabled={loading} className="w-full">
+            {loading ? '생성 중...' : '계약 생성'}
+          </Button>
+        </form>
+      </CardContent>
+    </Card>
+  )
+}